<template>
  <div>
    <h1>slotP</h1>
    <SlotC>
      <!-- 具名插槽 -->
      <!-- <h1 slot="giveMsg">{{ msg }}</h1> -->
      <!-- 无名插槽 -->
      <!-- <h2>{{ msg }}</h2> -->
      <!-- <p>1000</p> -->
      <!-- <p slot="houbang">tianqing</p> -->
      <!-- 作用域插槽 -->
      <template slot="laoxi" slot-scope="scoped">
        <div>
          {{ scoped.jiali[0] }}
          {{ scoped.jiali[1] }}
        </div>
      </template>

      <template v-slot:testSlot>
        <div>
          <h2>v-slot test</h2>
        </div>
      </template>
    </SlotC>
  </div>
</template>

<script>
import SlotC from "./SlotC";
export default {
  data() {
    return {
      msg: "明天休息，你们就别休息了！！"
    };
  },
  components: {
    SlotC
  },
  methods: {}
};
</script>

<style></style>
